<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/tag/pagetag.tld" prefix="p"%>
<%@ taglib uri="/WEB-INF/tag/pageform.tld" prefix="pf" %>
<%@ page trimDirectiveWhitespaces="true"%>
<html>
<head>
<meta charset="utf-8">
<title>Welcome</title>
<!-- 静态引入 -->
<c:import url="/WEB-INF/views/config/include.jsp" charEncoding="UTF-8" />
<!-- 以下是页面引入文件配置 -->
<link href="/custom/framework/css/menuicon.css?20190617" rel="stylesheet" media="screen">
<link href="/custom/views/css/main-message.css?20210415" rel="stylesheet" media="screen">
<link href="/custom/views/css/saas-app-main.css?20190617" rel="stylesheet" media="screen">

<style type="text/css">

</style>
</head>
<body class="body">

<jsp:include page="/WEB-INF/views/config/popbox.jsp">
	<jsp:param value="${token}" name="token"/>
</jsp:include>

  <form action="/" id="blankForm" name="blankForm" target="BizFrame1" method="POST">
    <pf:token data="${token}"/>
  </form>
  <table style="height: 100%;background-color: #f7f7f7;">
	 <tr style="height: 100px;">
		<td width="20px" rowspan="2"></td>
		<!-- 这里是菜单信息 -->
		<td align="center" width="240px">
			<button type="button" class="btn btn2" onclick="doAction(1000)">
			<span class="glyphicon glyphicon-plus ico2"></span>
			新建
			</button>
		</td>
		<td width="20px" rowspan="2"></td>
		<!-- 主要检索区域 -->
		<td style="vertical-align: center;" align="center">
			<table valign="top"> 
				<tr>
					<td width="120px"><h3 id="title">列表展示</h3></td>
					<td></td>
					<td width="88px">
<!-- 代码 aria-haspopup="true"解说true表示点击的时候会出现菜单或是浮动元素; false表示没有pop-up效果 -->
<!-- 代码 aria-expanded="true"解说 true表示展开状态，默认设置为 false -->
<div class="dropdown clearfix" id="btnGroupDrop1" style="width: 98%">
     <button class="form-control btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
       <span class="list-type">状态</span>
       <span class="caret"></span>
     </button>
     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
       <li><a href="#" onclick="changeList('0','全部')">全部</a></li>
       <li><a href="#" onclick="changeList('1','未发布')">未发布</a></li>
       <li><a href="#" onclick="changeList('2','已发布')">已发布</a></li>
     </ul>
   </div>
<script type="text/javascript">
	$(".dropdown-toggle").dropdown(); 
	function changeList(type,name){
		$(".list-type").text(name); 
	}
</script>
					</td>
					<td align="right" width="330px">
						<div class="input-group">
					      <input type="text" class="form-control" placeholder="请输入名称进行检索">
					      <span class="input-group-btn">
					        <button class="btn btn-default" type="button">
					        	<span class="glyphicon glyphicon-search" style="height: 20px;color: #333"></span>
					        </button>
					      </span>
					    </div>
					</td>
				</tr>
			</table>
		</td>
		<td width="20px" rowspan="2"></td>
	 </tr>
	 <tr style="height: calc(100vh - 103px);">
		<td align="center" valign="top">
			<table align="center" style="width: 240px;"> 
				<tr>
					<td>
						<button type="button" class="btn btn3" onclick="doAction(1010)">
						<span class="glyphicon glyphicon-th-list ico3"></span>
						列表展示
						</button>
					</td>
				</tr>
				<tr style="height: 5px;">
					<td></td>
				</tr>
				<tr>
					<td>
						<button type="button" class="btn btn3" onclick="doAction(1020)">
						<span class="glyphicon glyphicon-star ico3"></span>
						重点内容
						</button>
					</td>
				</tr>
				<tr style="height: 5px;">
					<td></td>
				</tr>
				<tr>
					<td>
						<button type="button" class="btn btn3" onclick="doAction(1030)">
						<span class="glyphicon glyphicon-align-justify ico3"></span>
						分类管理
						</button>
					</td>
				</tr>
				<tr style="height: 5px;">
					<td></td>
				</tr>
				<tr>
					<td>
						<button type="button" class="btn btn3" onclick="doAction(1040)">
						<span class="glyphicon glyphicon-trash ico3"></span>
						回收站
						</button>
					</td>
				</tr>
				<tr style="height: 35px;">
					<td></td>
				</tr>
			</table>
			<table>
				<tr style="height: 50px;">
					<td align="center">
						这里是广告
					</td>
				</tr>
			</table>
		</td>
		<!-- 主要工作区域 -->
		<td id="myIframeTD" valign="top" align="center">
			<iframe src="/pc/1.0/saas/app/center.do?token=${token}&serviceId=${service.serviceId}&serviceName=${service.serviceName}" style="height: 100%;" allowtransparency="yes" id="BizFrame1" name="BizFrame1"></iframe>
		</td>
	</tr>
  </table>
  <!-- 静态引入 -->
  <c:import url="/WEB-INF/views/config/msgmodal.jsp" charEncoding="UTF-8" />
  <c:import url="/WEB-INF/views/config/footer.jsp" charEncoding="UTF-8" />
  <!-- 静态引入 -->
  <script src="/public/other/js/easing.js"></script>
  <script src="/custom/views/js/saas-app-main.js"></script>
</body>
</html>
